
function initHighChartsTheme() {
	Highcharts.setOptions( {
		global : {
			useUTC : false
		}
	});

	Highcharts.theme = {
		colors : [ '#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5',
				'#64E572', '#FF9655', '#FFF263', '#6AF9C4' ],
		chart : {
			//width : '719',
			height: '500',
			backgroundColor : {
				linearGradient : {
					x1 : 0,
					y1 : 0,
					x2 : 1,
					y2 : 1
				},
				stops : [ [ 0, 'rgb(255, 255, 255)' ],
						[ 1, 'rgb(240, 240, 255)' ] ]
			},
//			borderWidth : 1,
			plotBackgroundColor : 'rgba(255, 255, 255, .9)',
			plotShadow : true,
			plotBorderWidth : 1
		},
		title : {
			style : {
				color : '#000',
				font : 'bold 16px "Trebuchet MS", Verdana, sans-serif'
			}
		},
		subtitle : {
			style : {
				color : '#666666',
				font : 'bold 12px "Trebuchet MS", Verdana, sans-serif'
			}
		},
//		xAxis : {
//			gridLineWidth : 1,
//			lineColor : '#000',
//			tickColor : '#000',
//			labels : {
//				style : {
//					color : '#000',
//					font : '11px Trebuchet MS, Verdana, sans-serif'
//				}
//			},
//			title : {
//				style : {
//					color : '#333',
//					fontWeight : 'bold',
//					fontSize : '12px',
//					fontFamily : 'Trebuchet MS, Verdana, sans-serif'
//
//				}
//			}
//		},
//		yAxis : {
//			minorTickInterval : 'auto',
//			lineColor : '#000',
//			lineWidth : 1,
//			tickWidth : 1,
//			tickColor : '#000',
//			labels : {
//				style : {
//					color : '#000',
//					font : '11px Trebuchet MS, Verdana, sans-serif'
//				}
//			},
//			title : {
//				style : {
//					color : '#333',
//					fontWeight : 'bold',
//					fontSize : '12px',
//					fontFamily : 'Trebuchet MS, Verdana, sans-serif'
//				}
//			}
//		},

		tooltip : {
			valueDecimals : 8
		},
		
		lang : {  
	        months : ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],  
	        weekdays : ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']  
	    },

//		xAxis: {
//            type: 'datetime',
//            dateTimeLabelFormats: { // don't display the dummy year
//                 month: '%Y-%m-%d',
//                 year: ''}
//       },

		legend : {
			itemStyle : {
				font : '9pt Trebuchet MS, Verdana, sans-serif',
				color : 'black'

			},
			itemHoverStyle : {
				color : '#039'
			},
			itemHiddenStyle : {
				color : 'gray'
			}
		},
		labels : {
			style : {
				color : '#99b'
			}
		},

		navigation : {
			buttonOptions : {
				theme : {
					stroke : '#CCCCCC'
				}
			}
		}
	};

	// Apply the theme
	var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
}

function initStockChart(marketId) {
	$.getJSON('../../../chart/'+ marketId + ".do", function(data) {
		// split the data set into ohlc and volume
		var price = [], volume = [], dataLength = data.length;
		
		for (i = 0; i < dataLength; i++) {
			var date = data[i][0];// + 1000 * 3600 * 13;
			var open = data[i][1] * basePrice;
			var high = data[i][2] * basePrice;
			var low = data[i][3] * basePrice;
			var close = data[i][4] * basePrice;
			price.push( [ date, // the date
					open, // open
					high, // high
					low, // low
					close // close
					]);
	
			volume.push( [ data[i][0], // the date
					data[i][5] // the volume
					])
		}
	
		// set the allowed units for data grouping
		var groupingUnits = [ [ 'minute', [ 5, 10, 15, 30 ] ],
				[ 'hour', [ 1, 2, 3, 4, 6, 8, 12 ] ],
				[ 'day', [ 1 ] ], [ 'week', [ 1 ] ],
				[ 'month', [ 1, 3, 6 ] ], [ 'year', null ] ];
	
		// create the chart
		$('#tradechart').highcharts('StockChart', {
			tooltip: {
				dateTimeLabelFormats: {
					day: '%Y',
	                week: '%Y',
	                month: '%Y',
	                year: '%Y'
				}
			},
			rangeSelector : {
				buttons : [ {
					type : 'hour',
					count : 6,
					text : '6h'
				}, {
					type : 'day',
					count : 1,
					text : '1D'
				}, {
					type : 'week',
					count : 1,
					text : '1W'
				}, {
					type : 'month',
					count : 1,
					text : '1M'
				}, {
					type : 'all',
					count : 1,
					text : 'All'
				} ],
				selected : 1,
				inputEnabled : false
			},

//			title : {
//				text : 'CryptoBuck (BUK) 价格'
//			},
			credits : {
				enabled : false
			},
			yAxis : [ {
				title : {
					text : '价格'
				},
				height : 200,
				lineWidth : 2
			}, {
				title : {
					text : '交易量'
				},
				top : 300,
				height : 100,
				offset : 0,
				lineWidth : 2
			} ],

			series : [ {
				type : 'candlestick',
				id : 'pricedata',
				name : '人民币（CNY）',
				data : price,
				dataGrouping : {
					units : groupingUnits
				}
			}, {
				type : 'column',
				id : 'volumedata',
				name : 'Volume',
				data : volume,
				yAxis : 1,
				dataGrouping : {
					units : groupingUnits
				}
			} ]
//		  xAxis: { type: 'datetime' },
//          legend: { enabled: false },		 
//		  scrollbar:{enabled: false},
//		  navigator:{enabled: false}
		}); // end highcharts
	});
}

function load(marketid, label) {
	var chart = $('#tradechart').highcharts();
	if (chart) {
		chart.destroy();
	}
	clearInterval(window.chartInterval);
	initStockChart(marketid);
}